<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:pe="http://primefaces.org/ui/extensions">
    <h:form id="frmDetalleConexion" onkeypress="if (event.keyCode == 13) return false;">
        <p:panel id="panelConexion" >
            <table style="border-spacing: 5px;width: 100%" >
                <tbody>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Id:" /></td>
                        <td>
                            <p:inputText  value="#{conexionController.bean.id}" style="width: 50px" 
                                          disabled="true" styleClass="disabled"></p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 110px;"><h:outputLabel value="Nombre Conexion:" /></td>
                        <td>
                        <p:inputText  value="#{conexionController.bean.txtConexion}" style="width: 350px" maxlength="100"></p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="Server Name :" /></td>
                        <td>
                        <p:inputText value="#{conexionController.bean.txtServername}" style="width: 250px;" maxlength="50">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="DataBase :" /></td>
                        <td>
                            <p:inputText value="#{conexionController.bean.txtDatabase}" style="width: 250px;" maxlength="50">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="Login Id :" /></td>
                        <td>
                            <p:inputText value="#{conexionController.bean.txtLogid}" style="width: 250px;" maxlength="50">
                            </p:inputText>
                        </td>
                    </tr>
                <tr>
                    <td><h:outputLabel value="Contraseña :" /></td>
                    <td>
                        <h:panelGrid id="pnlContraConex" columns="2" >
                            <p:inputText id="txtPassNOOriCon" value="#{conexionController.bean.txtLogpass}" style="width: 250px;" rendered="#{conexionController.BMuestraPass}" maxlength="50">
                            </p:inputText>
                            <p:selectBooleanCheckbox value="#{conexionController.BMuestraPass}" itemLabel="Ocultar Contraseña" rendered="#{conexionController.BMuestraPass}">
                                <p:ajax update="pnlContraConex" listener="#{conexionController.muestraContrsena}" process="@this, txtPassNOOriCon"/> 
                            </p:selectBooleanCheckbox>
                            <p:password id="txtPassOriCon" value="#{conexionController.bean.txtLogpass}" style="width: 250px;" redisplay="true" rendered="#{!conexionController.BMuestraPass}" maxlength="50">
                            </p:password>
                            <p:selectBooleanCheckbox value="#{conexionController.BMuestraPass}" itemLabel="Mostrar Contraseña" rendered="#{!conexionController.BMuestraPass}">
                                <p:ajax update="pnlContraConex" listener="#{conexionController.muestraContrsena}" process="@this, txtPassOriCon"/> 
                            </p:selectBooleanCheckbox>
                        </h:panelGrid>
                        
                    </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="DB Parm :" /></td>
                    <td>
                        <p:inputText value="#{conexionController.bean.txtDbparm}" style="width: 350px;" maxlength="50">
                        </p:inputText>
                    </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="URL :" /></td>
                    <td>
                        <p:inputText value="#{conexionController.bean.txtUrl}" style="width: 550px;" maxlength="250">[jdbc:]
                        </p:inputText>
                    </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="Puerto :" /></td>
                    <td>
                        <p:inputText id="SPuerto" value="#{conexionController.bean.numPuerto}" style="width: 50px;" >
                            <pe:keyFilter mask="num" for="SPuerto"></pe:keyFilter>
                        </p:inputText>
                    </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="SID :" /></td>
                    <td>
                        <p:inputText value="#{conexionController.bean.txtSid}" style="width: 50px;" maxlength="50">
                        </p:inputText>
                    </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="Pool Size :" /></td>
                    <td>
                        <p:inputText id="SPool" value="#{conexionController.bean.numTamanioPool}" style="width: 50px;" >
                            <pe:keyFilter mask="num" for="SPool"></pe:keyFilter>
                        </p:inputText>
                    </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="Driver Name :" /></td>
                    <td>
                        <p:inputText value="#{conexionController.bean.txtDrivername}" style="width: 250px;" maxlength="50">
                        </p:inputText>
                    </td>
                </tr>
                </tbody>   
                <tfoot>
                    <tr>
                        <td colspan="5">
                            <p:toolbar style="padding: 3px;">
                                <p:toolbarGroup align="right">
                                    <p:commandButton style="margin-right: 40px;" value="Grabar" icon="ui-icon-disk" 
                                                     process=":frmDetalleConexion"
                                                     update=":frmGestionarConexiones:msjFiltro" 
                                                     actionListener="#{conexionController.saveConexion}"/>
                                    <p:commandButton value="Cerrar" 
                                                     process="@this" 
                                                     icon="ui-icon-close" 
                                                     update=":frmGestionarConexiones"
                                                     onclick="editarContenido.hide()"/>
                                </p:toolbarGroup>
                            </p:toolbar>
                        </td>
                    </tr>
                </tfoot>
            </table>  
        </p:panel>
    </h:form>
</ui:composition>  